<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>沈家门排挡</title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}

			a {
				text-decoration: none;
			}

			ul {
				list-style: none;
			}

			.center {
				width: 1000px;
				margin: 0 auto;
			}

			body {
				background-color: #66ACF2;
			}

			.show .center {
				display: flex;
				box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
				margin-top: 10px;
			}

			.show .col1-1 img {
				display: block;
				width: 470px;
				height: 300px;
			}

			.show .col1-2 {
				background-color: #fff;
				padding: 15px;
			}

			.show .col1-2 h3 {
				color: #636363;
				font-size: 24px;
			}

			.show .col1-2 .price h3 {
				color: #f00;
				font-size: 20px;
				margin: 10px;
			}

			.show .col1-2>div {
				display: flex;
				align-items: center;
				font-size: 14px;
				width: 500px;
			}

			.show .col1-2 div>p {
				color: #949494;
				padding-left: 5px;
				line-height: 30px;
			}

			.show .col1-2 .icon1 {
				width: 30px;
				height: 30px;
				background: url(img/icon.png) no-repeat -450px -295px;
			}

			.show .col1-2 .icon2 {
				width: 30px;
				height: 30px;
				background: url(img/icon.png) no-repeat -450px -319px;

			}

			.show .col1-2 .icon3 {
				width: 30px;
				height: 30px;
				background: url(img/icon.png) no-repeat -450px -350px;
			}

			.show .col1-2 .icon4 {
				width: 30px;
				height: 30px;
				background: url(img/icon.png) no-repeat -450px -405px;
			}

			.show .col1-2 div:last-child .last .icon4 {
				float: left;
			}

			.show .col1-2 div:last-child .last h4 {
				float: left;
				line-height: 30px;
			}

			/*******************饭店介绍区*********************/
			.introduce .center {
				background-color: #fff;
				margin-top: 15px;
			}

			.introduce .icon,
			.transport .icon,
			.review .icon {
				display: flex;
				justify-content: left;
				font-size: 20px;
				padding: 10px 5px 5px 0;
			}

			.introduce .icon span,
			.transport .icon span,
			.review .icon span {
				display: block;
				background-color: #62E1D9;
				color: #fff;
				width: 100px;
				padding: 5px;
				box-sizing: border-box;
			}

			.introduce .icon div,
			.transport .icon div,
			.review .icon div {
				width: 0;
				border: 20px solid #62E1D9;
				border-right-color: transparent;
			}

			.introduce p {
				text-indent: 2em;
				padding: 20px 50px;
				color: #555;
				line-height: 2em;
			}

			.introduce img {
				width: 80%;
				display: block;
				margin: 0 auto;
				height: auto;
			}

			/**************交通指南区********************/
			.transport .center {
				background-color: #fff;
				margin-top: 15px;
			}

			.transport .icon span {
				background-color: #008AFF;
			}

			.transport .icon div {
				border-color: #008AFF;
				border-right-color: transparent;
			}
			/****************用户评价区******************/
			.review .center {
				background-color: #fff;
				margin-top: 15px;
			}

			.review ul li {
				padding: 20px;
				border-bottom: 1px dashed #aaa;
			}

			.review ul li img {
				display: block;
				width: 30px;
				height: 30px;
				border-radius: 15px;
			}

			.review ul li p {
				color: #555;
				line-height: 2em;
			}

			.review ul li p:last-child {
				color: #9F9F9F;
			}

			.review ul li textarea {
				resize: none;
				outline: none;
				width: 200px;
				line-height: 20px;
				border: 0;
				color: #aaa;
				background-color: #F8F8F8;
			}
		</style>
	</head>
	<body>
		<div class="nav">
			<iframe src="nav.html" frameborder="0" width="100%" height="100px" scrolling="no"></iframe>
		</div>
		<div class="show">
			<div class="center">
				<div class="col1-1">
					<img src="img/food/1.jpg">
				</div>
				<div class="col1-2">
					<div>
						<h3>沈家门夜排档</h3>
					</div>
					<div class="price">
						<h3>￥160起</h3>
					</div>
					<div>
						<div class="icon1"></div>
						<h4>地址：</h4>
						<p>舟山市普陀区东港海州路</p>
					</div>
					<div>
						<div class="icon2"></div>
						<h4>联系电话：</h4>
						<p>(86)(580) 2088888</p>
					</div>
					<div>
						<div class="icon3"></div>
						<h4>营业时间：</h4>
						<p>16:30-次日02:00</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 饭店介绍 -->
		<div class="introduce">
			<div class="center">
				<div class="icon">
					<span>饭店介绍</span>
					<div></div>
				</div>

				<p>沈家门夜排档共有近70家摊位，每当夜幕降临，“Y”字造型橙色铝板摊位屋一字排开，每个摊位前都摆着琳琅满目的新鲜海鲜，宛如一个小型海洋生物博物馆摊位上各类海鲜应有尽有，如大黄鱼、石斑鱼、比目鱼、带鱼、鲳鱼、鱿鱼等鱼类，虾、蟹、鲎等甲壳类及淡菜、蛏子、海螺等贝类。除了海鲜，还有各类蔬菜、肉蛋类、面食类等。海产品新鲜无比，更有活鲜海产品由氧气泵供氧，现吃现杀。菜肴价格公道，主人服务热情。夜排挡一年四季都有，夏季为最旺季，一般从下午五点（太阳下山时）起延续到凌晨一二点。沈家门夜排挡是舟山当地居民和外来游客体验舟山海鲜美食的首选地点。
				</p>
				<img src="img/food/1.jpg" alt="">
				<p> 在沈家门夜排档点菜，你只要看准了食材，指给店家就行了。新鲜的海鲜经过地道的加工，不仅保留了食物本身的鲜，更是融入了普陀才有“江湖味”。夜排挡一年四季都有，夏季为最旺季，一般从下午五点（太阳下山时）起延续到凌晨一二点。沈家门夜排挡是舟山当地居民和外来游客体验舟山海鲜美食的首选地点。
				</p>
				<img src="img/food/11.jpg" alt="">
				<p> 【排档特色菜 】

					清蒸梭子蟹、长令粉丝汤、红烧龙头鱼、铁板炒米面、清蒸带鱼、葱油泥螺、红烧泥鱼、红烧乌贼、水煮白虾、咸菜黄鱼汤。

				</p>
				<img src="img/food/12.jpg" alt="">
				<p> 【清蒸带鱼】

带鱼是肉食性鱼类，肉质鲜美，生活在中深海，无法人工饲养，出水就会在大气压力下死去，深海捕鱼船都带冷冻仓，二次污染也少。带鱼肉嫩体肥、味道鲜美，只有中间一条大骨，无其他细刺，食用方便。因带鱼捕获即死的特性，只在舟山和少数地区才能吃到闪亮闪亮的清蒸带鱼，味道那叫一个鲜啊~
				</p>
				<img src="img/food/13.jpg" alt="">
				<p> 【咸菜黄鱼汤】

舟山群岛海域是大黄鱼的主要产地之一，大黄鱼肉质鲜嫩，营养丰富。咸菜大汤黄鱼是至今仍颇为盛行的一种传统烹饪馔食方式。它的特点是保持黄鱼本色鲜美柔嫩之口味，而且咸菜凭借黄鱼之鲜味，也变得特别鲜美可口，其汤则兼融鱼、菜鲜美之优。此菜鱼肉鲜嫩，咸菜清香，汤呈乳白，味醇厚。
				</p>
			</div>
		</div>
		<!-- 地图 -->
		<div class="transport">
			<div class="center">
				<div class="icon">
					<span>交通指南</span>
					<div></div>
				</div>
				<div>交通指南地图预留位置</div>
			</div>
		</div>
		<!-- 用户评价 -->
		<div class="review">
			<div class="center">
				<div class="icon">
					<span>用户评价</span>
					<div></div>
				</div>
				<ul>
					<li>
						<img src="img/user/1.jpg" alt="">
						<p>你好，这是你好评！</p>
						<p>2022-3-2</p>
						<textarea name="" id="" cols="40" rows="1">回复：</textarea>
					</li>
					<li>
						<img src="img/user/2.jpg" alt="">
						<p>你好，这是你好评！</p>
						<p>2033-1-1</p>
						<textarea name="" id="" cols="40" rows="1">回复：</textarea>
					</li>
				</ul>
			</div>
		</div>
		<div class="foot">
			<iframe src="foot.html" frameborder="0" width="100%" scrolling="no" height="300px"></iframe>
		</div>
	</body>
</html>
